/* This file defines the base styles for CGL controls 
 * to provide a consistent look                       
 * Additional styles may be found in individual object
 * Files
 */

/* IMPORTANT - you must manually set the cgl path in this file!!!
 * You can find all occurrences by looking for 'NOTICE: CGL Path'
 */


/****************************************************/
/*              Basic Text and Parents              */
/****************************************************/

* {
    font-size       : 10pt;
    font-family     : Verdana, Arial, sans-serif;
}
html, body {
    background      : #D6DCFF;
    color           : black;
}

.wide { width : 100%; }
hr { border-style:ridge; border-width:1px; }
a,a:visited {
    color:#3D4674;
    text-decoration:none;
}
a:hover {
    color:#5966A8;
    text-decoration:underline;
}

pre {
    font-family:Courier New,Courier,sans-serif;
    background:#D6DCFF;
    padding:10px;
    border:dotted 1px black;
}


/****************************************************/
/*                Layout Panel Classes              */
/****************************************************/
.contentblock {
    margin-top      : 10px;
    padding         : 10px;
    border          : solid 3px black;
    background      : white;
    text-align      : left;
}



/****************************************************/
/*              Buttons and Textfields              */
/****************************************************/

input[type="text"], 
input[type="password"] {
    background      : #D6DCFF;
    border          : solid 2px black;
    margin          : 2px;
}
button,input[type="button"],input[type='submit'],input[type='reset'] {
    border          : solid 2px black;
    background      : #3D4674;
    color           : white;
}
input[type='submit'],input[type='reset'] {
    border:solid 2px black;
    color:white;
    padding-right: 25px;
}
input[type="reset"] {
    float:left;
    padding-right:8px;
    padding-left:25px;
    background:#3D4674 url(/cgl2/images/CGLDefault/reset_bgimage.png) no-repeat left;
}
input[type="submit"] {
    float:right;
    background:#3D4674 url(/cgl2/images/CGLDefault/submit_bgimage.png) no-repeat right;
}
input[readonly="true"] {
    background      : #333333; 
    color           : white;
}

.prev {
    padding-right:8px;
    padding-left:25px;
    background:#3D4674 url(/cgl2/images/CGLDefault/button_prev.png) no-repeat left;
}
.next {
    background:#3D4674 url(/cgl2/images/CGLDefault/button_next.png) no-repeat right;
}

textarea {
    border          : solid 1px black;
    background      : #B5BFF2;
}

.invalid {
    background      : #ED9E9E;
}

/****************************************************/
/*                  Pretty Tables                   */
/****************************************************/
.label {
    font-weight     : bold;
    text-align      : right;
    vertical-align  : top;
    white-space     : nowrap;
}
.cgltable {
    border-left     : solid 1px black;
    border-bottom   : solid 1px black;
    border-collapse : collapse;
    border-spacing  : 0px;
}

.cgltable td, .cgltable th {
    border-top      : solid 1px black;
    border-right    : solid 1px black;
    vertical-align  : top;
    text-align      : left;
}

.cgltable th {
    text-align      : center;
    padding-left    : 5px;
    padding-right   : 5px;    
    color           : white;
    font-weight     : bold;
    background      : url(/cgl2/images/CGLDefault/th_background.png) repeat-x; /* NOTICE: CGL Path */
}

.cgltable tfoot td {
    border          : solid 1px black;
}

.blank, .blank td, .blank tr, .blank tr td, .blank th {
    border:none;
    padding:none;
    margin:none;
}

/****************************************************/
/*               Pretty Form Tables                 */
/****************************************************/
.cglformtable td, .cglformtable th {
    border-bottom   : dotted 1px black;
    vertical-align  : top;
    text-align      : left;
}

.cglformtable th {
    text-align      : center;
    padding-left    : 5px;
    padding-right   : 5px;    
    color           : white;
    background      : url(/cgl2/images/CGLDefault/th_background.png) repeat-x; /* NOTICE: CGL Path */
}

/****************************************************/
/*                Pretty Fieldsets                  */
/****************************************************/
fieldset {
    border          : solid 1px black;
    padding         : 10px;
}
legend {
    color           : white;
    min-width       : 150px;
    background      : url(/cgl2/images/CGLDefault/th_background.png) repeat-x; /* NOTICE: CGL Path */
    border          : solid 1px black;
}

/****************************************************/
/*                Misc. Elements                    */
/****************************************************/
ul li {
    list-style-image:url(/cgl2/images/CGLDefault/list_square.png);              /* NOTICE: CGL Path */
}

dl dt {
    font-weight     : bold;
    border-bottom   : solid 1px #bbbbbb;
    margin-top      : 8px;
    margin-left     : 5px;
}
dl dd {
    border-left     : solid 1px #bbbbbb;
    margin-left     : 5px;
}

/****************************************************/
/*                   Headers                        */
/****************************************************/
h1,h2,h3 {
    color:#444F82;
    border-bottom:solid 1px #777777;
}
h1, h1 * { font-size:20pt; }
h2, h2 * { font-size:16pt; }
h3, h3 * { font-size:14pt; }
h4, h4 * { font-size:12pt; }
h5, h5 * { font-size:10pt; }
h6, h6 * { font-size:8pt; }
h7, h7 * { font-size:5pt; }

/****************************************************/
/****************************************************/

/* PRINT STYLES
 * this part of the stylesheet defines special options for making pages prettier when printed
 */
 
@media print {
    .noprint {
        display     : none;
    }
}